/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2024-01-01 22:59:16
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-01-23 21:22:34
 */
import React, { memo } from "react";
import { WrapperHome } from "./style.js";
import {
  SafetyOutlined,
  FileSearchOutlined,
  ShopOutlined,
} from "@ant-design/icons";
// import big_dashi from "../../assets/image/big_dashi.png";
import big_dashi from "../../assets/image/专业咨询.png";
import big_shipin from "../../assets/image/big_shipin.png";
import big_kecheng from "../../assets/image/big_kecheng.png";

export default memo(function Home() {
  return (
    <WrapperHome>
      <div className="home_first">
        <div className="contain">
          <div className="contain_box">
            <SafetyOutlined className="iconFont" />
            <p className="contain_box_title">专业咨询师</p>
            <p>各领域专业的咨询师团队</p>
            <p>让你与高人互动</p>
            <p>让智慧为你指点迷津</p>
          </div>
          <img className="contain_box_title_imgWidth" src={big_dashi} alt="" />
        </div>
      </div>
      <div className="home_first bgc_container">
        <div className="contain">
          <img
            src={big_kecheng}
            className="contain_box_title_imgWidth"
            alt=""
          />
          <div className="contain_box">
            <FileSearchOutlined className="iconFont" />
            <p className="contain_box_title">精品文化课</p>
            <p>大量精选文化课</p>
            <p>与文化亲密接触</p>
            <p>与圣贤思维相通</p>
          </div>
        </div>
      </div>
      <div className="home_first">
        <div className="contain">
          <div className="contain_box">
            <ShopOutlined className="iconFont" />
            <p className="contain_box_title">精选饰品商城</p>
            <p>真材实料，品质保证</p>
            <p>让美好与你同在</p>
            <p>让文化与你同行</p>
          </div>
          <img src={big_shipin} className="contain_box_title_imgWidth" alt="" />
        </div>
      </div>
    </WrapperHome>
  );
});
